@import "_variables.less";
@import "_mixins.less";
@import "fonts/fontawesome.less";
@import "fonts/sourcecodepro.less";
@import "fonts/touchui.less";
@import "usersettings/touchui.less";

#touch {
	width: 100%;
	height: 100%;
	background: @dark-color;

	@import "layout/hasScrollTouch.less";

	body {
		width: 100%;
		height: 100%;
		background: @dark-color;

		* {
			font-family: 'Source Code Pro', monospace;
			.text-shadow(none) !important; /* This should increase performance */
			.box-shadow(none) !important; /* This should increase performance */
		}

		.no-pointer * {
			pointer-events: none !important;
		}

		[class^="icon-"], [class*=" icon-"] {
			font-family: FontAwesome !important;
		}

		@import "layout/general.less";
		@import "layout/buttons-links.less";
		@import "layout/progress.less";
		@import "layout/navbar.less";
		@import "layout/overlays.less";
		@import "layout/tabbar.less";
		@import "layout/filesList.less";

		@import "tabs/webcam.less";
		@import "tabs/printer.less";
		@import "tabs/terminal.less";
		@import "tabs/temperature.less";
		@import "tabs/controls.less";
		@import "tabs/gcode.less";
		@import "tabs/connection.less";
		@import "tabs/timelapse.less";

		@import "components/modal.less";
		@import "components/scroll.less";
		@import "components/keyboard.less";
		@import "components/dropdown.less";
		@import "components/notifications.less";
		@import "components/pagination.less";

		@import "layout/footer.less";

		// For phone users
		#files_wrapper .entry,
		#temp .row-fluid table {
			.transform(translateZ(0));
			.user-select(none);
		}

	}
}
